/**
 *  hui-icon组件
 */
(function($){
$.fn.inputIcons = function(){
	var _this = this;
	var _iconStr = "";
	var _name=$(this).attr('name');
	//若input中不包含name，则初始化name值
	if(!_name){
		var randNum = function GetRandomNum(Min,Max){   
						var Range = Max - Min;   
						var Rand = Math.random();   
						return(Min + Math.round(Rand * Range));   
					}
		_name = new Date().getTime()+randNum(1,10000);
	}
	var _initStr = "<input style='margin-left:20px;' id=\""+_name+"_icon\" class=\"btn btn-primary\" type=\"button\" value=\"选择图标\">&nbsp;&nbsp;";
	    _initStr += "<input id=\""+_name+"_icon_clear\" class=\"btn btn-danger\" type=\"button\" value=\"清除\">";
	$(this).before(_initStr);
	$(this).attr('type','hidden');
	
	//通过同步读取文件
	$.ajax({
		async:false,
		url : contextPath+"/static/lib/Hui-iconfont/1.0.8/icon_select.html",
		success : function(result){
			_iconStr = result;
		}
	});
	
	//绑定清除事件
	$("#"+_name+"_icon_clear").click(function(){
		$(this).parent().find("i").remove();
	});
	
	//绑定选择事件
	$("#"+_name+"_icon").click(function(){
		var w = 600;
		var h = 400;
		//弹出layer
		var _index = layer.open({
			type: 1,
			area: [w+'px',h+'px'],
			fix: false, //不固定
			title: '请选择图标',
			content: _iconStr
		});

		$("li").click(function(){
			var _iconCode = $(this).find('i').html();
			var initIcon = $("<p>").append($(this).find("i").clone()).html();
			$(_this).val(_iconCode);
			$(_this).parent().find("i").remove();
			$("#"+_name+"_icon").before(initIcon);
			layer.close(_index);
		});
	});
	
	//初始化图标
	var initValueName = function(){
		var _value = $(_this).val();
		if(_value){
			var _valueName = "<i class='Hui-iconfont'>"+_value+"</i>";
			$(_this).parent().find("i").remove();
			$("#"+_name+"_icon").before(_valueName);
			clearTimeout(_timer_id);
		}
	}
	/**
	 * 定时器监听hidden值改变，并更新valueName
	 */
	var _timer_id = setTimeout(initValueName,100);
}
}(jQuery));

$(function(){
	$(".input-icons").inputIcons();
})